<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<html>
<head>
<title>选择成员</title>
<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
<link href="${basePath }/tabs/tab.css" type="text/css" rel="stylesheet"/>
<script src="${basePath }/tabs/js/jquery-1.4.2.min.js"></script>
<script src="${basePath }/tabs/js/zDialog.js"></script>
<script src="${basePath }/tabs/js/zDrag.js"></script>
</head>
<body>

  <script language="javascript" type="text/javascript">

        var name = '';

        var flag = 0;
        function check(UPerentID, UPerentID2) {

            parentDialog.fks('hello');
        }

        function lcheck(id) {
            
            if ($("#a" + id).html() == '选择') {
                if (sid != "") {
                    $("#a" + sid).html('选择');
                }
                $("#a" + id).html('取消');
                var tempid = sid;
                name="";
                sid = id;
                return;
            }

            if ($("#a" + id).html() == '取消') {
            
                $("#a" + id).html('选择');

                name = '';
              
                return;
             }


        }

      
    </script>


<table border="1">
  <thead >
    <tr>
      <th width="10%">用户姓名</th>
	  <th width="10%">性别</th>
	   <th width="10%">所属部门</th>
      <th width="10%">职位</th>
      <th width="10%">操作</th>
    </tr>
  </thead>
  <tbody id="tab" align="left">
  	
    <tr>
      <td class="order_number">陈君威</td>
      <td>男</td>
      <td>研发部门</td>
      <td>技术总监助理</td>
      <td><a href="javascript:lcheck('陈君威')" target="main">
      选择</a></td>
    </tr>
    <tr>
      <td class="order_number">吴小莲</td>
      <td>女</td>
      <td>测试部门</td>
     <td>客户经理</td>
      <td><a href="javascript:lcheck('陈君威')" target="main">
      选择</a></td>
    </tr>
    <tr>
    
      <td class="order_number">孙自强</td>
      <td>男</td>
      <td>系统集成部门</td>
      <td>技术总监</td>
      <td><a href="" target="main">
      选择</a></td>
    </tr>
    <tr>
     
      <td class="order_number">周文龙</td>
      <td>男</td>
      <td>研发部门</td>
      <td>项目经理</td>
      <td><a href="" target="main">
      选择</a></td>
    </tr>
  </tbody>
  <tfoot>
    
  </tfoot>
</table>

<script type="text/javascript">
<!--
var Ptr=document.getElementById("tab").getElementsByTagName("tr");
function $() {
    for (i=1;i<Ptr.length+1;i++) { 
    Ptr[i-1].style.backgroundColor = (i%2>0)?"#fff":"#eee"; 
    }
}
window.onload=$;
for(var i=0;i<Ptr.length;i++) {
    Ptr[i].onmouseover=function(){
    this.tmpClass=this.className;
    this.style.backgroundColor = "#ccc";
    };
    Ptr[i].onmouseout=function(){
    for (i=1;i<Ptr.length+1;i++) { 
    Ptr[i-1].style.backgroundColor = (i%2>0)?"#eee":"#fff"; 
    }
	}
}
//-->
</script>
</body>
</html>
